import { useContext } from 'react';
import { ScheduleContext } from '../SchContext';
import SchTBody from './SchTBody';
import SchTHead from './SchTHead';
const SchTable = ({ onSelect, onEventClick, onCheck,handleDelTest }) => {
  const ctx = useContext(ScheduleContext);
  return (
    <div
      id="sch-table-box"
      className="sch-table-box"
      style={{ overflowX: ctx.dateUnit === 'MONTH' ? 'auto' : 'hidden' }}
    >
      <table className="sch-table" style={{ tableLayout: 'auto' }}>
        <SchTHead />
        <SchTBody onSelect={onSelect} onEventClick={onEventClick} onCheck={onCheck} handleDelTest={ handleDelTest}/>
      </table>
    </div>
  );
};

export default SchTable;
